<template>
  <div>
    <todo-info></todo-info>
    <todo-clear @removeAll="removeAll"></todo-clear>
  </div>
</template>

<script>
import TodoInfo from "./TodoInfo.vue";
import TodoClear from "./TodoClear.vue";

export default {
  name: "TodoFooter",
  components: {
    TodoInfo,
    TodoClear,
  },
  methods: {
    removeAll() {
      this.$emit("removeAll");
    },
  },
};
</script>